﻿<template>
    <div class="todo-footer">
        <label>
            <input type="checkbox" />
        </label>
        <span>
            <span>已完成0</span> / 全部2
        </span>
        <button class="btn btn-danger">清除已完成任务</button>
    </div>
</template>

<script>
    export default{
        name: 'MyFooter'
    }
</script>

<style scoped>
    .todo-footer{
        position: relative;
        left: 10px;
        top: 70px;
    }
    .btn.btn-danger{
        position: relative;
        left: 45px;
        border: none;
        width: 100px;
        height: 30px;
        color: rgba(255, 255, 255, 0.7);
        background-color: rgba(255, 0, 0, 0.5);
        border-radius: 5px;
        cursor: pointer;
    }
</style>